﻿{% extends "_layout.html" %}

{# 样式代码 #}
{% block style %}
    <link href="{{ ctx.app.config.staticUrl }}/css/index.css" rel="stylesheet" >
{% endblock %}

{# body代码#}
{% block body %}
    <!--container start-->
	<div class="container_reg">
		<div class="container">
			<div id="reg">
				<div class="title">欢迎加入食艺道，请填写您的注册信息</div>
				<div class="title-img"><img src="img/title.png"/></div>
				<div class="info">现在免费注册成为会员，即刻引领您体验食艺道崭新的美食文化。</div>
				<form action="#" method="post" id="regForm">
					<ul class="reg-list">
						<li>
							<div class="reg_input">
								<input type="text" name="user_Phone" id="user_phone" placeholder="您的手机号" />
								<span>*</span>
							</div>
							<div class="reg-icon">
								<img src="img/right01.png"/>
							</div>
							<div class="prompt_info"></div>
						</li>
						<li>
							<div class="reg_input" style="border: 2px solid #807e7d;">
								<input type="password" name="userPassword" class="user_password" id="user_password_first" placeholder="设置密码" />
								<span>*</span>
							</div>
							<div class="reg-icon">
								<img src="img/right01.png"/>
							</div>
							<div class="prompt_info"></div>
						</li>
						<li>
							<div class="reg_input">
								<input type="password" name="userPassword"  class="user_password" id="user_password_second" placeholder="再次输入密码" />
								<span>*</span>
							</div>
							<div class="reg-icon">
								<img src="img/right01.png"/>
							</div>
							<div class="prompt_info"></div>
						</li>
						<li>
							<div class="reg_input fl">
								<input type="text" name="userCode" id="user_code" placeholder="输入验证码" />
							</div>
							<input type="button" name="send" class="trs" onclick="sendCode()" id="send" value="验证码" />
							<div class="prompt_info"></div>
						</li>
						<li>
							<div class="keep-me">
								<input type="checkbox" class="checkBox" id="checkBoxKeep" value="true" checked="checked"/>
								<label for="checkBoxKeep"></label>
							</div>
							<div class="keep-me-txt">我已阅读并同意食艺道的<a href="protocol.html">用户协议</a>。我们将向您发送短信验证到您的手机。</div>
						</li>
						<li>
							<input type="button" class="trs" name="login-btn" id="next-btn" value="下一步" />
							<div class="prompt_info"></div>
						</li>
					</ul>
					<div class="reg-line"></div>
					<div class="have-account">已有食艺道账户？请直接登录</div>
					<div class="create-account">
						<a href="login.html" class="trs">登录</a>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--container end-->
{% endblock %}
{#js代码#}
{% block js %}
    <script type="text/javascript" src="{{ ctx.app.config.staticUrl }}/js/reg.js"></script>
	<script type="text/javascript" src="{{ ctx.app.config.staticUrl }}/js/index.js"></script>
{% endblock %}
